<template>
	<view class="">
<!-- 		<text class="sssj">实时数据</text> -->
<!-- 		<view class="time">
			<text class="dev-title">上次更新：</text>
			<uni-dateformat :date="now"></uni-dateformat>
		</view> -->
		<view class="card-area">
		    <uni-section title="实时数据 塔机123001" >
			<view class="card-1">
				<view class="">
					<image class="data-logo" src="/static/竖状图.png"></image>
					<text class="dev-title">高度</text>
					  <view class="padding">
					    <text class="dev-date">data</text>
					  </view>
					  
					<image class="data-logo" src="/static/竖状图.png"></image>
					<text class="dev-title">幅度</text>
					  <view class="padding">
					    <text class="dev-date">data</text>
					  </view>
				</view>
				
				<view class="">
					<image class="data-logo" src="/static/竖状图.png"></image>
					<text class="dev-title">载重</text>
					  <view class="padding">
					    <text class="dev-date">data</text>
					  </view>
					  
					<image class="data-logo" src="/static/竖状图.png"></image>
					<text class="dev-title">力矩</text>
					  <view class="padding">
					    <text class="dev-date">data</text>
					  </view>
				</view>
				
				<view class="">
					<image class="data-logo" src="/static/竖状图.png"></image>
					<text class="dev-title">倾角</text>
					  <view class="padding">
					    <text class="dev-date">data</text>
					  </view>
					  
					<image class="data-logo" src="/static/竖状图.png"></image>
					<text class="dev-title">风速</text>
					  <view class="padding">
					    <text class="dev-date">data</text>
					  </view>
				</view>
			</view>
			</uni-section>
		</view>
		<view class="time">
					<text class="sssj">上次更新时间：</text>
					<uni-dateformat :date="now"></uni-dateformat>
		</view>
		<uni-section title="驾驶员信息" type="circle">
			<uni-list>
				<uni-list-item title="姓名" rightText="— —" />
				<uni-list-item title="证件号码" rightText="— —" />
				<uni-list-item title="工号" rightText="— —" />
				<uni-list-item title="状态" rightText="— —" />
				<uni-list-item title="打卡时间" rightText="— —" />
			</uni-list>
		</uni-section>
		
		
		
	</view>
	<!-- <view class="content">
		<image class="logo" src="/static/logo.png"></image>
		<view class="text-area">
			<text class="title">{{title}}</text>
		</view>
	</view> -->
</template>

<script>
	export default {
		data() {
			return {
				now: Date.now()
			}
		},
		onLoad() {

		},
		methods: {


		}
	}
</script>

<style>
	
	.card-area {
/* 		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center; */
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.data-logo {
		height: 25rpx;
		width: 25rpx;
		margin-top: auto;
		margin-left: auto;
		margin-right: 10rpx;
		margin-bottom: -4rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
	
	.card-1 {
		height: 250rpx;
		width: 700rpx;
		border-radius: 30rpx;
		margin-top: 5rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
		box-shadow: 0 0 15rpx #ccc;
	}
	.text {
		margin: 15rpx 10rpx;
		padding: 0 20rpx;
		/* background-color: #ebebeb; */
		height: 70rpx;
		line-height: 70rpx;
		text-align: center;
		color: #777;
		font-size: 26rpx;
	}
	.dev-title {
		font-size: 15rpx;
		text-align: center;
		color: #6d6d6d;
	}
	.dev-date {
		font-size: 15rpx;
		text-align: center;
		color: #000000;
	}
	.padding {
	/* 	padding: 15rpx; */	
	    margin-top: auto;
		margin-left: 10rpx;
		margin-right: auto;
		margin-bottom: 20rpx;
	
	}
	.title-data{
		font-size: 27rpx;
		text-align: center;
		color: #000000;
	}
	.time{
		font-size: 25rpx;
		text-align: right;
		margin-right: 25rpx;
		color: #000000;
	}
	.sssj{
		font-size: 15rpx;
		color: #000000;
	}
</style>
